<template>
    <div id="c2">
        <div id="c2-1">
            网站建设
            <span>流程</span>
        </div>
        <div id="c2-2">
            <div id="c2-2-1"></div>
            <div id="c2-2-2"></div>
            <div id="c2-2-3"></div>
        </div>
        <div id="c2-3">
            每一个流程都由专业人员操作执行，并由严格质量控制
        </div>
        <div id="c2-4">
            <div>
                <div><img src="../../img/c2-1.png" alt=""></div>
                <div>需求沟通</div>
            </div>
            <div>
                <div><img src="../../img/c2-2.png" alt=""></div>
                <div>需求调研</div>
            </div>
            <div>
                <div><img src="../../img/c2-3.png" alt=""></div>
                <div>策划</div>
            </div>
            <div>
                <div><img src="../../img/c2-4.png" alt=""></div>
                <div>设计</div>
            </div>
            <div>
                <div><img src="../../img/c2-5.png" alt=""></div>
                <div>建设</div>
            </div>
            <div>
                <div><img src="../../img/c2-6.png" alt=""></div>
                <div>运营</div>
            </div>

        </div>

    </div>
</template>

<script>
    export default {
        name: "C2"
    }
</script>

<style scoped>
#c2{
    background-color: #000000;
    color: #ffffff;
}
    #c2-1{
        font-size:24px;
        font-weight: 300;
        text-align: center;
        padding-top: 36px;
        padding-bottom: 20px;
    }
#c2-1 span{
    color: #3eb8b6;
}
#c2-2{
    display: flex;
    align-items: center;
    justify-content: center;
}
#c2-2-1,#c2-2-3{
    width: 30vw;
    height: 1px;
    background-color: #FFFFFF;
}
#c2-2-2{
    width: 10px;
    height: 6px;
    border-radius: 50%;
    background-color: white;
    margin: 3px;
}
    #c2-3{
        margin-top: 15px;
        margin-bottom: 35px;
        text-align: center;
        font-size: .2rem;
    }
#c2-4{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 60vw;
}
#c2-4>div{
    padding: 30px;
}
</style>